<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>酒店管理系统登录界面</title>
	<link href="../static/css/stylelogin.css" th:href="@{/css/stylelogin.css}" rel="stylesheet" />
	</head>
	<body>
		<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
		<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
		<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
		<script src="../static/ajax/libs/validate/jquery.validate.min.js"
			th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
		<script src="../static/ajax/libs/validate/messages_zh.min.js"
			th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
		<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
		<script src="../static/ajax/libs/blockUI/jquery.blockUI.js"
			th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
		<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.6.0}"></script>
		<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
		<script src="../static/js/index.js" th:src="@{/js/index.js}"></script>

	<main>
	  <form class="form">
		<div class="form__cover"></div>
		<div class="form__loader">
		  <div class="spinner active">
			<svg class="spinner__circular" viewBox="25 25 50 50">
			  <circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"></circle>
			</svg>
		  </div>
		</div>
		<div class="form__content">
		  <h1>Authorization</h1>
		  <div class="styled-input">
			<input type="text" class="styled-input__input" name="username">
			<div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">Username</span> </div>
			<div class="styled-input__circle"></div>
		  </div>
		  <div class="styled-input">
			<input type="password" class="styled-input__input" name="password">
			<div class="styled-input__placeholder"> <span class="styled-input__placeholder-text">Password</span> </div>
			<div class="styled-input__circle"></div>
		  </div>
		  <button type="button" class="styled-button" id="btnSubmit" data-loading="正在验证登录，请稍后..." onclick="login()"> <span class="styled-button__real-text-holder"> <span class="styled-button__real-text">Submit</span> <span class="styled-button__moving-block face"> <span class="styled-button__text-holder"> <span class="styled-button__text">Submit</span> </span> </span><span class="styled-button__moving-block back"> <span class="styled-button__text-holder"> <span class="styled-button__text">Submit</span> </span> </span> </span> </button>
		</div>
	  </form>
	</main>

	</body>
</html>